

import { StyleSheet, Platform } from 'react-native';

export default StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#F9FAFB',
  },
  
  // 顶部导航栏
  header: {
    backgroundColor: '#FFFFFF',
    borderBottomWidth: 1,
    borderBottomColor: '#E5E7EB',
    paddingHorizontal: 16,
    paddingVertical: 12,
  },
  
  headerTop: {
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'space-between',
  },
  
  headerTitle: {
    fontSize: 18,
    fontWeight: '600',
    color: '#1F2937',
  },
  
  headerActions: {
    flexDirection: 'row',
    alignItems: 'center',
    gap: 12,
  },
  
  headerButton: {
    padding: 8,
  },
  
  // 搜索框
  searchContainer: {
    marginTop: 12,
  },
  
  searchInputWrapper: {
    flexDirection: 'row',
    alignItems: 'center',
    backgroundColor: '#FFFFFF',
    borderWidth: 1,
    borderColor: '#D1D5DB',
    borderRadius: 8,
    paddingHorizontal: 12,
    paddingVertical: 8,
  },
  
  searchIcon: {
    marginRight: 8,
  },
  
  searchInput: {
    flex: 1,
    fontSize: 16,
    color: '#1F2937',
  },
  
  searchCancelText: {
    fontSize: 16,
    color: '#969FFF',
    marginLeft: 8,
  },
  
  // 筛选面板
  filterPanel: {
    backgroundColor: '#FFFFFF',
    borderBottomWidth: 1,
    borderBottomColor: '#E5E7EB',
    paddingHorizontal: 16,
    paddingVertical: 12,
  },
  
  filterHeader: {
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'space-between',
    marginBottom: 12,
  },
  
  filterTitle: {
    fontSize: 14,
    fontWeight: '500',
    color: '#1F2937',
  },
  
  filterResetText: {
    fontSize: 14,
    color: '#969FFF',
  },
  
  filterGrid: {
    flexDirection: 'row',
    flexWrap: 'wrap',
    gap: 12,
  },
  
  filterTab: {
    paddingHorizontal: 12,
    paddingVertical: 6,
    backgroundColor: '#E5E7EB',
    borderRadius: 20,
  },
  
  filterTabActive: {
    backgroundColor: '#969FFF',
  },
  
  filterTabText: {
    fontSize: 14,
    color: '#6B7280',
  },
  
  filterTabTextActive: {
    color: '#FFFFFF',
  },
  
  // 列表
  listContainer: {
    paddingHorizontal: 16,
    paddingVertical: 16,
  },
  
  listHeaderContainer: {
    marginBottom: 16,
  },
  
  listHeaderText: {
    fontSize: 14,
    color: '#6B7280',
  },
  
  totalCount: {
    fontWeight: '500',
    color: '#1F2937',
  },
  
  // 加载更多
  loadMoreContainer: {
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'center',
    paddingVertical: 16,
  },
  
  loadMoreText: {
    fontSize: 14,
    color: '#6B7280',
    marginLeft: 8,
  },
  
  // 空状态
  emptyStateContainer: {
    alignItems: 'center',
    paddingVertical: 48,
  },
  
  emptyStateIcon: {
    width: 80,
    height: 80,
    backgroundColor: '#F3F4F6',
    borderRadius: 40,
    alignItems: 'center',
    justifyContent: 'center',
    marginBottom: 16,
  },
  
  emptyStateTitle: {
    fontSize: 18,
    fontWeight: '500',
    color: '#1F2937',
    marginBottom: 8,
  },
  
  emptyStateSubtitle: {
    fontSize: 14,
    color: '#6B7280',
  },
});

